$(document).ready(function () {
    $("#ft_img").click(function () {
        $("#up-modal-frame").modal({});
    });
});
$(function () {
    'use strict';
    // 初始化
    var $image = $('#up-img-show');
    $image.cropper({
        aspectRatio: '1',
        autoCropArea: 0.8,
        preview: '.up-pre-after',
        responsive: true,
    });

    // 上传图片
    var $inputImage = $('.up-modal-frame .up-img-file');
    var URL = window.URL || window.webkitURL;
    var blobURL;

    if (URL) {
        $inputImage.change(function () {

            var files = this.files;
            console.log(files);
            var file;

            if (files && files.length) {
                file = files[0];

                if (/^image\/\w+$/.test(file.type)) {
                    blobURL = URL.createObjectURL(file);
                    $image.one('built.cropper', function () {
                        // Revoke when load complete
                        URL.revokeObjectURL(blobURL);
                    }).cropper('reset').cropper('replace', blobURL);
                    $inputImage.val('');
                } else {
                    window.alert('Please choose an image file.');
                }
            }
        });
    } else {
        $inputImage.prop('disabled', true).parent().addClass('disabled');
    }

    //绑定上传事件
    $('.up-modal-frame .up-btn-ok').on('click', function () {
        var $modal_loading = $('#up-modal-loading');
        var $modal_alert = $('#up-modal-alert');
        var img_src = $image.attr("src");
        if (img_src == "") {
            set_alert_info("没有选择上传的图片");
            $modal_alert.modal();
            return false;
        }

        $modal_loading.modal();

        //parameter
        var parameter = $(this).attr("parameter");
        //console.log(parameter);
        var parame_json = eval('(' + parameter + ')');
        var width = parame_json.width;
        var height = parame_json.height;
        console.log(parame_json.width);
        console.log(parame_json.height);

        //控制裁剪图片的大小
        var canvas = $image.cropper('getCroppedCanvas', {width: width, height: height});
        var data = canvas.toDataURL(); //转成base64

        function dataURLtoFile(dataurl, filename) {
            var arr = dataurl.split(','),
                mime = arr[0].match(/:(.*?);/)[1],
                bstr = atob(arr[1]),
                n = bstr.length,
                u8arr = new Uint8Array(n);
            while (n--) {
                u8arr[n] = bstr.charCodeAt(n);
            }
            return new File([u8arr], filename, { type: mime });
        }


        //调用
        var file = dataURLtoFile(data, "headimg");


        // //将base64转换为blob
        // function dataURLtoBlob(dataurl) {
        //     var arr = dataurl.split(','),
        //         mime = arr[0].match(/:(.*?);/)[1],
        //         bstr = atob(arr[1]),
        //         n = bstr.length,
        //         u8arr = new Uint8Array(n);
        //     while (n--) {
        //         u8arr[n] = bstr.charCodeAt(n);
        //     }
        //     return new Blob([u8arr], {type: mime});
        // }
        //
        // //将blob转换为file
        // function blobToFile(theBlob, fileName) {
        //     theBlob.lastModifiedDate = new Date();
        //     theBlob.name = fileName;
        //     return theBlob;
        // }
        //
        // //调用
        // var blob = dataURLtoBlob(data);
        // var file = blobToFile(blob, "headimg");

        submit_head(file)
        // $.ajax( {
        //         url:,
        //         dataType:'json',
        //         type: "POST",
        //         data: {"image":data.toString()},
        //         success: function(data, textStatus){
        //         	$modal_loading.modal('close');
        //         	set_alert_info(data.result);
        //         	$modal_alert.modal();
        //         	if(data.result=="ok"){
        //         		$("#ft_img img").attr("src",data.file);
        //         		var img_name=data.file.split('/')[2];
        //         		//console.log(img_name);
        //         		$(".up-img-txt a").text(img_name);
        //         		$("#up-modal-frame").modal('close');
        //         	}
        //         },
        //         error: function(){
        //         	$modal_loading.modal('close');
        //         	set_alert_info("上传文件失败了！");
        //         	$modal_alert.modal();
        //         	//console.log('Upload error');
        //         }
        //  });

    });

    $('#up-btn-left').on('click', function () {
        $("#up-img-show").cropper('rotate', 90);
    });
    $('#up-btn-right').on('click', function () {
        $("#up-img-show").cropper('rotate', -90);
    });
});


function set_alert_info(content) {
    $("#alert_content").html(content);
}



 
